﻿@{
    ViewBag.Title = "Home Page";
}



<div class="row">
   <div>
       <label>验证码为:</label>
       <div><img  id="validatecode" title="验证码" src="~/validatecode.ashx" onclick="validatecode()" /></div>
     
   </div>
 
   
    <div id="imgcontainer" ></div>
    <a href="XMLSerializerHandler?Serializer=true">xml序列化</a>
    <a href="XMLSerializerHandler?Serializer=false">xml反序列化</a>

</div>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script>
    function validatecode() {

        debugger
       var url = "validatecode.ashx";
        var xhr = new XMLHttpRequest();
        xhr.open("get", url, true);
        xhr.responseType = "blob";
        xhr.onload = function () {
            debugger
            if (this.status == 200) {
                var blob = this.response;
                var img = document.createElement("img");
                img.onload = function (e) {
                    window.URL.revokeObjectURL(img.src);
                };
                img.src = window.URL.createObjectURL(blob);
               // $("#validatecode").html(img);
                $('#validatecode')[0].src = img.src;
            }
        }
        xhr.send();
        //$.ajax({
        //    type: 'GET',
        //    url:url,
        //    resDataType: 'blob',
        //    imgType: 'png',
        //   // success: function (resText, resXML) {
        //        success: function (data) {
        //        debugger
        //        var img = document.createElement('img');
        //        var objectUrl = window.URL.createObjectURL(data);
        //        img.src = objectUrl;
        //        img.onload = function () {
        //            window.URL.revokeObjectURL(objectUrl);
        //        };
        //        // document.body.appendChild(img);
        //        $('#validatecode')[0].src = window.URL.createObjectURL(blob);
        //    },
        //    fail: function (err) {
        //        debugger
        //        console.log(err)
        //    }
        //});
       

       // $('#validatecode').empty().append('<img  src="~/validatecode.ashx" onclick="validatecode()" />')
    }
    function s(e) {
        var url = "CEHttpHandler.cs";
        var xhr = new XMLHttpRequest();
        xhr.open("get", url, true);
        xhr.responseType = "blob";
        xhr.onload = function () {
            debugger
            if (this.status == 200) {
                var blob = this.response;
                var img = document.createElement("img");
                img.onload = function (e) {
                    window.URL.revokeObjectURL(img.src);
                };
                img.src = window.URL.createObjectURL(blob);
                $("#imgcontainer").html(img);
            }
        }
        xhr.send();

    }
</script>
<script>
    debugger
    $.ajax({
        url: "CEHttpHandler.cs",
        type: "post",
        data: {},
        datatype: "json",
        success: function (data) {
            debugger
        }, error: function (data) {
            debugger
        }
    })

</script>
<script type="text/javascript">
    //$.ajax({
    //    url: "ImageHandler.ashx",
    //    type: "Post",
    //    data: "action=GetList",//请求Handler1.ashx下面的GetList方法
    //    success: function (data) {
    //        debugger
    //        alert(data);

    //    },
    //    error: function (XMLHttpRequest, textStatus, errorThrown) {
    //        debugger
    //        alert(textStatus);
    //    }
    //});
    var url = "ImageHandler.ashx?action=GetCe&name=周继伦";
    var xhr = new XMLHttpRequest();    
    xhr.open("get", url, true);
    xhr.responseType = "blob";
    xhr.onload = function() {
        debugger
        if (this.status == 200) {
            var blob = this.response;
            var img = document.createElement("img");
            img.onload = function(e) {
                window.URL.revokeObjectURL(img.src); 
            };
            img.src = window.URL.createObjectURL(blob);
            $("#imgcontainer").html(img);
        }
    }
    xhr.send();

</script>
@*<script type="text/javascript">
    $.ajax({
        url: "ImageHandler.ashx",
        type: "Post",
        data: "action=GetList",//请求Handler1.ashx下面的GetList方法
        success: function (data) {
            debugger
            alert(data);

        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            debugger
            alert(textStatus);
        }
    });


</script>*@
